/**
 * @flow
 */
import React from 'react'
// prettier-ignore
import {
  View,
  Text,
  StyleSheet,
} from 'react-native'

import RxButtonBlue from '@com/button/RxButtonBlue'

const Unlogin = props => {
  return (
    <View style={styles.container}>
      <RxButtonBlue>登录</RxButtonBlue>
    </View>
  )
}

const NotVip = props => {
  return (
    <View style={styles.container}>
      <Text>昵称</Text>
      <RxButtonBlue>开通 VIP</RxButtonBlue>
    </View>
  )
}

const Vip = props => {
  const forever = '永久'

  return (
    <View style={styles.container}>
      <View>
        <Text>昵称</Text>
        <Text>{true ? 'VIP特权' : ''}</Text>
      </View>
      <View>
        <View>
          <RxButtonBlue>续费</RxButtonBlue>
        </View>
        <Text>有效期{true ? '永久' : ' 2022-04-05'}</Text>
      </View>
    </View>
  )
}

const ProfileHeader = props => {
  return <Vip />
}

export default ProfileHeader

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  view: {},
  text: {},
})
